"use strict";

import React from 'react';
import ReactDOM from 'react-dom';

var ENV = {
    age: ["幼儿", "少儿", "青年", "中年", "中老年", "老年"],
    gender: ["男", "女"],
	city: {
    	11: "北京",
        12: "天津",
        13: "河北",
        14: "山西",
        15: "内蒙古",
        21: "辽宁",
        22: "吉林",
        23: "黑龙江 ",
        31: "上海",
        32: "江苏",
        33: "浙江",
        34: "安徽",
        35: "福建",
        36: "江西",
        37: "山东",
        41: "河南",
        42: "湖北 ",
        43: "湖南",
        44: "广东",
        45: "广西",
        46: "海南",
        50: "重庆",
        51: "四川",
        52: "贵州",
        53: "云南",
        54: "西藏 ",
        61: "陕西",
        62: "甘肃",
        63: "青海",
        64: "宁夏",
        65: "新疆",
        71: "台湾",
        81: "香港",
        82: "澳门",
        91: "国外 "
	},
    check: function (code) {
        var tip = null;

        if (!code || !/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i.test(code)) {
            tip = "证件号码格式错误";
        }

        else if (!ENV.city[code.substr(0, 2)]) {
            console.log("证件号码地址编码错误");
            // tip = "证件号码地址编码错误";
            tip = "请输入有效证件号码";
        }
        else {
            if (code.length == 18) {
                code = code.split('');
                var factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
                var parity = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2];
                var sum = 0;
                var ai = 0;
                var wi = 0;
                for (var i = 0; i < 17; i++) {
                    ai = code[i];
                    wi = factor[i];
                    sum += ai * wi;
                }
                var last = parity[sum % 11];
                if (parity[sum % 11] != code[17]) {
                    console.log("证件号码校验位错误");
                    // tip = "证件号码校验位错误";
                    tip = "请输入有效证件号码";
                }
            } else {
                tip = "证件号码需要为18位";
            }
        }
        return tip;
    }
}

var Main = React.createClass({
    getInitialState() {
        return {result:[]};
    },
	refresh() {
		let str = this.refs.ori.value.substr(2, 15);
		let p = [];
		for (let xx in ENV.city) {
			let code = xx + str;
            code = code.split('');
            var factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
            var parity = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2];
            var sum = 0;
            var ai = 0;
            var wi = 0;
            for (var i = 0; i < 17; i++) {
                ai = code[i];
                wi = factor[i];
                sum += ai * wi;
            }
            var last = parity[sum % 11];
            p.push(xx+ str + last);
		}
        this.setState({result:p});
	},
	render() {
		return <div className="container-fluid mt-3 mb-3 form-horizontal">
			<div className="form-row">
				<input className="form-control" ref="ori" onChange={this.refresh} defaultValue="11011119800101001?"/>
			</div>
			<div>{this.state.result.map(v => <div>{v}</div>)}</div>
		</div>
	}
});

$(document).ready( function() {
	ReactDOM.render(
		<Main/>, document.getElementById("content")
	);
});